import React, { Component } from 'react'
import { Route, Link, Outlet } from 'react-router-dom'
import Detail from '../Detail'

export default function Message() {
  return (
    <div>
      <ul>
        <li>
          <Link to="/home/message/detail">message001</Link>
        </li>
        <li>
          <Link to="/home/message/detail/2">message002</Link>
        </li>
        <li>
          <Link to="/home/message/detail/3">message003</Link>
        </li>
      </ul>
      <button onClick={() => {}}>添加</button>
      <button onClick={() => {}}>替换</button>
      <Outlet></Outlet>
    </div>
  )
}
